﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>World Bank - Photo Diaries</title>
<link href="MasterStyle.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $('#submitLoc').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : 'images/LocationSearch_On.png'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : 'images/LocationSearch.png'});             }
        );
		$('#submitEmail').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : 'images/EmailSearch_On.png'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : 'images/EmailSearch.png'});             }
        );
		$('#DownloadApp').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : 'images/SubmitBtn_On.png'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : 'images/SubmitBtn.png'});             }
        );
		$('#AdminLogin').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : 'images/SubmitBtn_On.png'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : 'images/SubmitBtn.png'});             }
        );
    });
</script>
<SCRIPT TYPE="text/javascript">
<!--
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;

if (keycode == 13)
   {
   myfield.form.submit();
   return false;
   }
else
   return true;
}
//-->
</SCRIPT>
<script>

/*
Clear default form value script- by JavaScriptKit.com
Featured on JavaScript Kit (http://javascriptkit.com)
Visit javascriptkit.com for 400+ free scripts!
*/

function clearText(thefield){
if (thefield.defaultValue==thefield.value)0
thefield.value = ""
} 
</script>
</head>

<body>
<div class="MainContainer">
	
  <img src="images/Logo.png" class="LogoImage" />
    
  <div class="SortForm">
        <form id="Location">
        <input name="" type="text" class="textInput" onKeyPress="return submitenter(this,event)" />
        <input type="image" name="submit" class="submit" id="submitLoc" src="images/LocationSearch.png">
        </form>
        
        <form id="Email">
        <input name="" type="text" class="textInput" onKeyPress="return submitenter(this,event)" />
        <input type="image" name="submit2" class="submit" id="submitEmail" src="images/EmailSearch.png">
        </form>
    </div>
    
  <img src="images/Map_Placeholder.png" width="765" height="608" alt="Map" class="Map"/>
  
  <div class="BottomLayer">
  <span class="formTitle">DOWNLOAD APP</span><br />
  		<form action="" method="get" id="Download">
            <input name="" type="text" class="textInput2" value="Enter your email" onfocus="clearText(this)" />
            <input type="image" name="submit3" class="submit" id="DownloadApp" src="images/SubmitBtn.png">
        </form>
   </div>
  
   <div class="Admin">
          <span class="formTitle">ADMIN</span><br />
  		<form action="" method="get" id="Admin">
            <input name="" type="text" class="textInput2" value="Username" onfocus="clearText(this)" />
            <input name="" type="text" class="textInput2" value="Password" onfocus="clearText(this)" />
            <input type="image" name="submit3" class="submit" id="AdminLogin" src="images/SubmitBtn.png">
        </form>
        </div>
  </div>
  
  <span class="footer"><br />This is World Bank's mobile photo blogging project based on Blackberry. Please contact <a href="mailto:info@worldbank.org">info@worldbank.org</a> for more details.</span>
  
</body>
</html>
